<template>
	<view @click="goToJournal">
		<view class="flex align-center margin-left-xs" >
			<view class="cu-avatar radius margin-right" :style="{'background-image':'url(' + journal.cover + ')'}"></view>
			<view class="flex flex-direction">
				<text style="font-weight: 600" class="text-black ">{{journal.subTitle}}</text>
				<text class="text-gray">{{journal.number}}期</text>
			</view>
		</view>
		<rich-text style="overflow: hidden;display: -webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3 " :nodes="journal.content"></rich-text>
		<view class="margin-top-sm">阅读量{{journal.viewCount}}</view>
		<!-- 阅读量 -->
	</view>

</template>

<script>
	export default{
		props:{
			journal: {
				type:Object
			}
		},
		methods: {
			goToJournal(){
				this.$Router.push({
					name:'journalDetail',
					params:{
						journalSubjectId: this.journal.contentId,
					},
				});
			}
		}
	}
</script>

<style lang="scss">
</style>
